[text-c], .text-c {
    text-align: center;
}

[text-r], .text-r {
    text-align: right;
}

[text-l], .text-l {
    text-align: left;
}

[text-nowrap], .text-nowrap {
    white-space: nowrap;
}

[text-wrap], .text-wrap {
    white-space: pre-line;
    word-break: break-all;
}

[ellipsis1], .ellipsis1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[pointer], .pointer {
    cursor: pointer;
}

@for $i from 2 through 5 {
    [ellipsis#{$i}], .ellipsis#{$i} {
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: $i;
        overflow: hidden;
        display: -webkit-box;
    }
}